<template>
  <div class="page-404">
    <img class="page-404-image" src="@/assets/img/menu-404.png" />
    <div class="page-404-text">{{ menu ? `【${menu?.text}】 不存在，请检查配置` : '404' }}</div>
  </div>
</template>
<script>
  import { defineComponent } from 'vue';
  export default defineComponent({
    name: 'AdminPage404',
    props: { menu: Object },
    setup() {},
  });
</script>
<style lang="less" scoped>
  .page-404 {
    height: 100%;
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 5%;
    &-text {
      text-align: center;
      font-size: 26px;
      color: #a9aba9;
    }
    &-image {
      width: 600px;
    }
  }
</style>
